function getCateList() {
    $.get('/my/article/cates', function (res) {
        if (res.status != 0) return layer.msg('获取分类列表失败')
        var str = template('tpl', res)
        console.log(res.data)
        $('tbody').html(str)
    })
}
$(function () {
    getCateList()

    var index;

    $('#add').click(function () {
        index = layer.open({
            area: ['500px', '300px'],
            title: '添加分类'
            , content: $('#dialog-add').html()
        });
    })

    // console.log($('#form-add').length)
    // $('#form-add').submit(function(e){
    //     e.preventDefault();
    //     console.log(1234)
    // })


    // 事件委托来给表单添加提交事件
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'post',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status != 0) return layer.msg('添加分类失败')
                getCateList()
                layer.close(index)
            }
        })
    })


    //编辑功能第一步
    var editIndex;
    $('tbody').on('click', '.btn-edit', function () {
        editIndex = layer.open({
            type: 1,
            area: ['500px', '230px'],
            title: '添加分类'
            , content: $('#dialog-edit').html()
        });

        var id = $(this).attr('data-id');
        $.ajax({
            method: 'get',
            url: '/my/article/cates/' + id,
            success: function (res) {
                if (res.status != 0) return layer.msg('获取数据失败')
                console.log(res)
                layui.form.val('form-edit', res.data)
            }
        })
    })



    //保存编辑的信息
    // console.log($('#form-edit').length)
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault();
        $.ajax({
            method: 'post',
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status != 0) return layer.msg('更新分类失败')
                layer.msg('更新成功')
                //更新成功了，说明分类表格中的数据是旧的
                getCateList()
                //关闭弹出层
                layer.close(editIndex)
            }
        })
    })




    //删除功能
    $('tbody').on('click', '.btn-del', function () {
        var id = $(this).attr('data-id');
        //删除最好是和用户确认一下
        layer.confirm('确认要删除吗?', { icon: 3, title: '提示' }, function (index) {
            //do something
            $.ajax({
                method: 'get',
                url: '/my/article/deletecate/'+id,
                success:function(res){
                    if(res.status != 0)return layer.msg('删除失败')
                    //删除成功说明表格中的分类数据是旧的
                    getCateList()
                }
            })
            layer.close(index);
        });
    })
})

